<template>
     <!--风控警告提示   -->
   <div class="fw px-30  notice_risk Mnotice_top">
	     	<div class="fl notice_public">
            <p class="f24  fl">出售商品无需缴纳保证金，无需扫码，切勿私下交易！</p>
            <p :class="icon1" >出售商品无需缴纳保证金，无需扫码，切勿私下交易！</p>
            <p :class="icon1" >出售商品无需缴纳保证金，无需扫码，切勿私下交易！</p>
	     	</div>	
	    	<i :class="icon"  @click='warning(true)'></i>
		</div>
</template> 

<script>
    export default {
        data() {
            return {
            icon:'icon_down fr',//新增防骗提醒样式
            icon1:'icon1_style',
            icons: 1,
           
            }
        },
        methods: {
             // 防骗提醒
          warning:  function () {
            if (this.icons == 1) {
              this.icon = 'icon_up fr'
              this.icon1 = 'f24  fl';
              this.icons++;
            }else{
              this.icon ='icon_down fr '
              this.icon1 ='icon1_style'
              this.icons = 1;
            }
          },
        }
    }

</script>
<style>
.Mmt-777{margin-top: -0.777rem}
.Mmt-177{margin-top: 1.77rem}
.mt-79{margin-top: 0.79rem}
.Mmt-96{margin-top: 0.96rem}
.mt-77{margin-top: -0.77rem;z-index: 9}
.Mnotice_top{position:absolute;top:0rem;width: 100%;}
.icon1_style{display: none}
.Mmt-175{margin-top: 1.75rem}
.Mmt-80{margin-top: -0.8rem}
.Mnotice_top{position:absolute;top:0rem;width: 100%;}
.mt-79{margin-top: 0.79rem}
</style>

<style scoped>
    /* 风控警告提示 */
.notice_risk{height: auto;display: block;overflow: hidden;background-color: #fffdf4;z-index:9}
.notice_risk .icon_notice{background: url('~images/seller/notice_no.png') center center no-repeat;width:.3rem;height:.78rem;line-height:.78rem;background-size:.3rem;display:inline-block;margin-right:.1rem;} 
.notice_risk .notice_wz{line-height: .38rem;padding: .2rem 0rem .2rem 0rem;color: #be8600;} 
.notice_risk .notice_public{padding:.2rem 0 .2rem 0;width:95%;}
.notice_risk .notice_public p{height:.35rem;line-height:.35rem;color: #be8600;overflow:hidden;}
.notice_risk .icon_down{background: url('~images/seller/icon_down.png') center center no-repeat;width:.24rem;height:.75rem;line-height:.75rem;background-size:.24rem;display:inline-block;float:right;}
.notice_risk .icon_up{background: url('~images/seller/icon_up.png') center center no-repeat ;width:.24rem;height:.75rem;line-height:.75rem;background-size:.24rem;display:inline-block;float:right;}  


</style>
